<template>
    <div class="sale-out-depot-detail-box">
        <el-descriptions title="详情查看">
            <el-descriptions-item label="销售出库单号">{{sodId}}</el-descriptions-item>
            <el-descriptions-item label="订单状态">
                <el-tag size="small">{{titleData.sodStatus}}</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="订单类型">{{titleData.indentType}}</el-descriptions-item>
            <el-descriptions-item label="支付方式">{{titleData.payType}}</el-descriptions-item>
            <el-descriptions-item label="出库订单时间">{{titleData.sodTime}}</el-descriptions-item>
        </el-descriptions>

        <el-divider></el-divider>


        <el-table
                :data="tableData"
                style="width: 100%">
            <el-table-column label="出库商品列表：">
                <el-table-column
                        label="序号"
                        type="index"
                        width="50">
                </el-table-column>
                <el-table-column
                        prop="goodsId"
                        label="商品编号"
                        width="180">
                </el-table-column>
                <el-table-column
                        prop="goodsName"
                        label="商品名称"
                        width="180">
                </el-table-column>
                <el-table-column
                        prop="colorName"
                        label="商品颜色">
                </el-table-column>
                <el-table-column
                        prop="num"
                        label="订购数量">
                </el-table-column>
                <el-table-column
                        prop="giftsId"
                        label="赠品编号">
                </el-table-column>
                <el-table-column
                        prop="giftsName"
                        label="赠品名称">
                </el-table-column>
                <el-table-column
                        prop=""
                        label="赠品数量">1
                </el-table-column>

            </el-table-column>
        </el-table>

        <el-divider></el-divider>

        <el-table
                :data="tableData"
                style="width: 100%">
            <el-table-column label="出库商品列表：">
                <el-table-column
                        type="index"
                        width="50">
                </el-table-column>
                <el-table-column
                        prop="goodsId"
                        label="商品编号"
                        width="180">
                </el-table-column>
                <el-table-column
                        prop="goodsName"
                        label="商品名称"
                        width="180">
                </el-table-column>
                <el-table-column
                        prop="colorName"
                        label="商品颜色">
                </el-table-column>
                <el-table-column
                        prop="gdSns"
                        label="出库串码">
                </el-table-column>
                <el-table-column
                        prop="giftsId"
                        label="赠品编号">
                </el-table-column>
                <el-table-column
                        prop="giftsName"
                        label="赠品名称">
                </el-table-column>
                <el-table-column
                        prop="gfSn"
                        label="出库串码">
                </el-table-column>

            </el-table-column>
        </el-table>

        <div class="back-btn">
            <el-button type="primary" round size="medium" >返回</el-button>
        </div>

    </div>
</template>

<script>
    import sodDetail from "./index";

    export default sodDetail;
</script>

<style scoped>
</style>
<style src="./index.scss" lang="scss"></style>